<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>爱购登录页面</title>
    <link rel="icon" type="image/x-icon" href="/static/image/user/title-icon.jpg"/>
    <link rel="stylesheet" href="/static/css/user/reset.css"/>
    <link rel="stylesheet" href="/static/css/user/footer.css"/>
    <link rel="stylesheet" href="/static/css/user/login.css"/>
</head>
<body>
<!--登录/注册的头部-->
<div class="lr-top w1230">
    <a href="index.jsp"><img src="/static/image/user/logo.png" width="150px" height="60px"/></a>
    <div class="top-link">
        <a href="#" class="top-link1"></a>
        <a href="#" class="top-link2"></a>
        <a href="#" class="top-link3"></a>
    </div>
</div>
<!--登录/注册的中部-->
<div class="lr-main">
    <div class="w1230">
        <div class="reg-div">
            <h3 class="login-title">登录爱购</h3>
            <p class="go-reg">还没有爱购账号？<a href="/user/view/register">在此注册</a></p>
            <form action="/user/login" method="post">
                <p><span class="icon-account"></span><input type="text" placeholder="请输入已注册的账号" name="name"/>
                    <span class="msg"></span>
                </p>
                <p><span class="icon-pwd"></span><input type="password" placeholder="请输入密码" name="pass"/></p>
                <p><span class="span-msg" style="color: red">${msg}</span></p>
                <p class="clear-float"><input type="text" placeholder="验证码" class="code" name="codeText"/>
                    <img src="/user/code" width="110px" height="42px" class="code-img"/></p>
                <p><input type="checkbox" class="chk-login" name="limit"/><span>7天免登录</span></p>
                <input type="submit" value="登录" class="sum-btn"/>
            </form>
        </div>
    </div>
</div>
<!--登录/注册的底部-->
<div class="lr-footer footer">
    <p class="w1230">
        <a href="#">关于爱购</a>
        <a href="#">合作伙伴</a>
        <a href="#">营销中心</a>
        <a href="#">廉正举报</a>
        <a href="#">联系客服</a>
        <a href="#">开发平台</a>
        <a href="#">诚征英才</a>
        <a href="#">联系我们</a>
        <a href="#">网站地图</a>
        <a href="#">知识产权</a><span>|</span>
        <span>&copy;2018-2020 igo.com 版权所有</span>
    </p>
</div>
</body>
<script src="/static/js/jquery/jquery-3.7.1.min.js"></script>
<script>
    $(function () {
// 验证码刷新
        $(".code-img").click(function () {
            $.post("/user/code", function () {
                $(".code-img").attr("src", "");
                $(".code-img").attr("src", "/user/code");
            })
        })
    })
</script>
</html>
